
<%@taglib prefix="s" uri="/struts-tags"%>
<%@taglib prefix="sj" uri="/struts-jquery-tags"%>
<%@taglib prefix="sjg" uri="/struts-jquery-grid-tags"%>

<sj:head jquerytheme="showcase" customBasepath="themes" />

<script type="text/javascript">

	function CerrarDialogo() {
		$("#dialog1").dialog('close');
	}
	
	function AbrirDialogo() {
		document.getElementById("txt").value = "";
		document.getElementById("txtid").value = "";
		document.getElementById("txtnombre").value = "";
		document.getElementById("txtcorreo").value = "";
		$("#dialog1").dialog('open');
	}

	function formatodel(cellvalue, options, data) {
		return "<a href=javascript:Eliminar('" + data.idproceso+ "','" + data.idactividad+ "');><img src='images/eliminar.jpg'/></a>";
	}
	function formatoedit(cellvalue, options, data) {
		return "<a href=javascript:Editar('" + data.idproceso+ "','" + data.idactividad+ "');><img src='images/editar.jpg'/></a>";
	}

	function Eliminar(idproceso, idactividad) {
		if (confirm("Desea eliminar...?")) {
			$.getJSON("AEliminaActividad?Vproceso="+idproceso+"&Vactividad="+idactividad, function(data) {
				alert("Actividad eliminada");
				$.publish("CargaGrid");
			});
		}
	}
	function Editar(idproceso, idactividad) {
		$.getJSON("ABuscaActividad?Vproceso="+idproceso+"&Vactividad="+idactividad, function(data) {
			AbrirDialogo();
			document.getElementById("txtidproceso").value = data.actividad.idproceso;
			document.getElementById("txtidactividad").value = data.actividad.idactividad;
			document.getElementById("txtnombre").value = data.actividad.nombre;
			document.getElementById("txtcostoporcentaje").value = data.actividad.costoporcentaje;
			document.getElementById("txttiempo").value = data.actividad.tiempo;
			document.getElementById("txtroltrabajador").value = data.actividad.roltrabajador;
			document.getElementById("txtroltrabajador").value = "1";
		});
	}

	$.subscribe('Cerrar', function(event, data) {
		$("#dialog1").dialog('close');
	});
</script>
<div class="col-sm-10">
	<h1 class="h2" style="margin-top: 0;">
		<strong>Listado de Actividades</strong>
	</h1>
	<s:url id="URLLista" action="AListadoActividadesProceso" />
	<sjg:grid gridModel="actividades" dataType="json"
		caption="" href="%{URLLista}"
		reloadTopics="CargaGrid" width="900">
		<sjg:gridColumn name="idactividad" title="Codigo" width="70" />
		<sjg:gridColumn name="nombre" title="Actividad" width="140" />
		<sjg:gridColumn name="costoporcentaje" title="Costo %" width="60" />
		<sjg:gridColumn name="tiempo" title="Tiempo" width="60" />
		<sjg:gridColumn name="roltrabajador" title="Rol Trabajador" width="70" />
		<sjg:gridColumn name="idactividad" formatter="formatodel" title="Eliminar" width="40" />
		<sjg:gridColumn name="idactividad" formatter="formatoedit" title="Editar" width="40" />
	</sjg:grid>
	
	<div id="divresult"></div>
	<sj:dialog id="dialog1" autoOpen="false" title="Actividad" width="400"
		height="300" modal="true">
		<s:form id="frm" theme="simple" cssClass="yform" action="AGrabaActividad">
		
				<s:hidden name="actividad.idproceso" id="txtidproceso" />
				<s:hidden name="actividad.idactividad" id="txtidactividad" />
				
				<label> Nombre </label>
				<div class="type-text">
					<sj:textfield name="actividad.nombre" id="txtnombre" />
				</div>
				<label> Costo Pocentaje(%) </label>
				<div class="type-text">
					<sj:textfield name="actividad.costoporcentaje" id="txtcostoporcentaje" />
				</div>
				<label> Tiempo </label>
				<div class="type-text">
					<sj:textfield name="actividad.tiempo" id="txttiempo" />
				</div>
				<label> Rol Trabajador </label>
				<div class="type-text">
					<sj:textfield name="actividad.roltrabajador" id="txtroltrabajador"/>
				</div>
				<sj:submit id="btnGraba" button="true" value="Grabar"
					targets="divresult" buttonIcon="ui-icon-disk"
					onCompleteTopics="Cerrar,CargaGrid" />
				<sj:a id="btnSalir" button="true" buttonIcon="ui-icon-cancel"
					onclick="CerrarDialogo()">Cancelar</sj:a>
		</s:form>
	</sj:dialog>
	<!--  
	<sj:a id="btnNuevo" button="true" buttonIcon="ui-icon-cancel"
		onclick="AbrirDialogo()">Nuevo</sj:a>-->
</div>